import type { Config } from "tailwindcss";

export default {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      screens: {
        phone: { max: '480px' },                // 0-480px
        tablet: { min: '481px', max: '768px' }, // 481-768px
        desktop: { min: '769px', max: '1024px' }, // 769-1024px
        largeDesktop: { min: '1025px' }         // 1025px+
      },
      colors: {
        // 1. 网站主色
        primary: "#13c2c2",
        // secondary: "#25A138",
        // accent: "#25A138",
        
        // 2. 字体颜色
        heading: "#000000",
        text: "#666666",

        // 3. 信息颜色（基于antd）
        success: "#a0d911",
        error: "#eb2f96",
        warning: "#fadb14",
        info: "#999",

        // 4. 边框颜色
        border: "#f0f0f0",

        // 5. 背景
        html: "#F5F8FC",
        gray: "#f5f5f5",
      },
      fontFamily: {
        sans: ["Roboto", "sans-serif"],
        serif: ["Merriweather", "serif"],
      },
      fontWeight: {
        bold: "700",
        semibold: "600",
        thin: "300"
      },
      fontSize: {
        sm: "1.4rem",
        base: "1.6rem",
        lg: "1.8rem",
      },
      padding: {
        sm: "1rem",
        md: "2rem",
        lg: "2.5rem",
      },
      margin: {
        sm: "1rem",
        md: "2rem",
        lg: "2.5rem",
      },
      gap: {
        sm: "1rem",
        md: "2rem",
        lg: "2.5rem",
      },
      borderRadius: {
        sm: "0.6rem",
        md: "1.2rem",
        lg: "1.8rem",
      },
    },
  },
  plugins: [],
} satisfies Config;
